<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Aficionado - Package Manager</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 20px;
        padding-bottom: 40px;
      }


	.aficionado-content{
		padding:5px;
	}

	/*
	 * Small Bootstrap hack to disable scrolling on widgets
	 */
	.modal-body{
		overflow-y: none !important;
	}


    </style>
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
    <![endif]-->
  </head>

  <body>

    <div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<h1>{WEB_NAME}</h1>
			<h2>{WEB_SLOGAN}</h2>
		</div>
	</div>
	<div class="row-fluid">
		<div class="span12">
  <!-- NAVBAR
    ================================================== -->
    <div class="navbar-wrapper">
      <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
      <div class="container">


    <div class="row-fluid">
		<div class="span12">
<ul class="nav nav-pills">
              <li class="dropdown">
                <a href="#" data-toggle="dropdown" role="button" id="drop4" class="dropdown-toggle">Actions <b class="caret"></b></a>
                <ul aria-labelledby="drop4" role="menu" class="dropdown-menu" id="menu1">
                  <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Update all</a></li>
                  <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Resolve dependences</a></li>
                </ul>
              </li>
              <li class="dropdown">
                <a href="#" data-toggle="dropdown" role="button" id="drop4" class="dropdown-toggle">Filter <b class="caret"></b></a>
                <ul aria-labelledby="drop4" role="menu" class="dropdown-menu" id="menu1">
                  <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Apps</a></li>
                  <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Themes</a></li>
                  <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Plugins</a></li>
                  <li class="divider"></li>
                  <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Show all</a></li>
                </ul>
              </li>
            </ul>
		</div>
    </div>
    <div class="row-fluid">
    <div class="span12 aficionado-content">


		<h2>Package manager</h2>
<table class="table table-bordered table-striped">
            <thead>
             <tr>
               <th style="width: 10px;">S</th>
               <th style="width: 100px;">Package</th>
               <th style="width: 50px;">Installed</th>
               <th style="width: 50px;">Latest</th>
               <th>description</th>
             </tr>
            </thead>
            <tbody>
             <tr>
               <td><input type="checkbox" name="test" /></td>
               <td>Package1</td>
               <td>0.1</td>
               <td>0.2</td>
               <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur.</td>
             </tr>
             <tr>
               <td><input type="checkbox" name="test" /></td>
               <td>Package2</td>
               <td>0.2</td>
               <td>0.2</td>
               <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur.</td>
             </tr>
             <tr>
               <td><input type="checkbox" name="test" /></td>
               <td>Package3</td>
               <td>0.1</td>
               <td>0.1.1</td>
               <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur.</td>
             </tr>
            </tbody>
          </table>
    </div>

    </div>
    </div>
    <div class="row-fluid" align="right">
	<div class="span11">
<div class="btn-group" align="left">
                <button data-toggle="dropdown" class="btn btn-small dropdown-toggle">Selected <span class="caret"></span></button>
                <ul class="dropdown-menu">
                  <li><a href="#">Install selected</a></li>
                  <li><a href="#">Remove selected</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li class="alert-error"><a href="#">Purge selected</a></li>
                </ul>
              </div>
	</div>
    </div>
    <div class="row-fluid" align="center">
	<div class="span12">This program is Free Software</div>
    </div>


    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>

  </body>
</html>

